<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>伪类选择器</title>
		<style>
			/*伪类选择器： 语法：任意选择器：hover【悬停】每个伪类选择器，具备特点
			               所有元素具备：hover【常见伪类选择器】
			*/
		   h1:hover{
			   background: #ffaa00;
			   color: #00ffff;
		   }
		   /*
		   *伪类选择器：  ：link       链接未点击时状态
		   *             ：active     链接被点击时状态
		   *             ：visited    链接点击后状态
		   *             ：hover     悬停连接时状态
		   *主要结合在一起，针对a元素效果
		   *
		   */
		  a:link{/*未访问状态*/
			  color: #ff4500;
			  /*去掉超链接下划线*/
			  text-decoration:  none;
		  }
		  a:active{
			  /*被点击是状态*/
			  color: #aaaaff;
			  background: #ff4500;
		  }
		  a:visited{/*被点击后状态*/
			  color: #aaaaff;
			  background: #ffaa00;
		  }
		  a:hover{
			  font-size: 36px;
		  }
		</style>
	</head>
	<body>
		<h1>鼠标悬停效果</h1>
	</body>
</html>